<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title>LZXリファレンス lz-tabscontent</title>
  <othercredit role="translator">
    <firstname>Hiroyuki</firstname>
    <surname>Kato</surname>
        <contrib>2006/05/16　翻訳初版</contrib>
 </othercredit>
</head>
<body>

<!-- ===================================================================== -->
<!-- = XML information goes here                                         = -->
<!-- ===================================================================== -->
<lzelement title="Tabscontent">
    <lztier>LZ Components</lztier>
    <lzcategory>View</lzcategory>
    <lzshortdesc>
        tabpaneにおける、タブ内のコンテンツのコンテナです。
    </lzshortdesc>
    <lztag>lz/tabscontent.xml</lztag>
</lzelement>

<p><classname>tabscontent</classname>は<classname>tabs</classname>
内の複数の<classname>tabpane</classname>を中に含みます。又、可視なボーダーを持ち、
デフォルトスタイルの背景色を使用します。 <classname>tabpane</classname>が
<classname>tabs</classname>に追加されると、このコンテンツは実際には
<classname>tabscontent</classname>に配置されます。</p>
<p>
言い換えれば、<classname>tabscontent</classname>はtabsがtabpaneを
配置するために使用されるクラスです。見た目では、このクラスはボーダーを持ちます。
ボーダーのサイズは親(tabs)のbordersize属性の値で設定できます。
このクラスにはbasetabsとtabsの'contentclass'属性からアクセスできます。
Tabsはこのクラスをデフォルトの'contentclass' として使用します。
</p>

<example>
&lt;canvas width="450" height="100"&gt;
  &lt;include href="lz"/&gt;
  &lt;simplelayout axis="x" spacing="10"/&gt;
  
  &lt;view layout="class: simplelayout; axis: y; spacing: 5"
        bgcolor="red"&gt;
    &lt;text&gt;contentclass=basetabscontent&lt;/text&gt;
    &lt;basetabs y="10" bordersize="5"
              tabclass="tab" contentclass="basetabscontent"&gt;
      &lt;basetabpane text="one" bgcolor="teal"&gt;
        &lt;text&gt;one&lt;/text&gt;
      &lt;/basetabpane&gt;
      &lt;basetabpane text="two" bgcolor="green"&gt;
        &lt;text&gt;two&lt;/text&gt;
      &lt;/basetabpane&gt;
      &lt;basetabpane text="three" bgcolor="blue"&gt;
        &lt;text&gt;three&lt;/text&gt;
      &lt;/basetabpane&gt;
    &lt;/basetabs&gt;
  &lt;/view&gt;

  &lt;view layout="class: simplelayout; axis: y; spacing: 5"
        bgcolor="yellow"&gt;
    &lt;text&gt;contentclass=tabscontent&lt;/text&gt;
    &lt;basetabs y="10" bordersize="5"
              tabclass="tab" contentclass="tabscontent"&gt;
      &lt;basetabpane text="one" bgcolor="teal"&gt;
        &lt;text&gt;one&lt;/text&gt;
      &lt;/basetabpane&gt;
      &lt;basetabpane text="two" bgcolor="green"&gt;
        &lt;text&gt;two&lt;/text&gt;
      &lt;/basetabpane&gt;
      &lt;basetabpane text="three" bgcolor="blue"&gt;
        &lt;text&gt;three&lt;/text&gt;
      &lt;/basetabpane&gt;
    &lt;/basetabs&gt;
  &lt;/view&gt;
&lt;/canvas&gt;
</example>

<seealso>
<tags>tabs tabpane basetabscontent</tags>
</seealso>

</body>
</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
* Copyright 2001-2004 Laszlo Systems, Inc.  All Rights Reserved.              *
* Use is subject to license terms.                                            *
* X_LZ_COPYRIGHT_END ****************************************************** -->
